<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>销售</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script src="js/axios.min.js"></script>
		<script src="js/vue.js"></script>
		<style>
		body{
		  background-color: lightblue;
		}
		#app{
			padding-left: 220px;
			padding-top: 100px;
			border: #0000FF;
		}
		</style>
	</head>
	<body>
		<div id="app" class="form-group">	
		    <label>商品：橘子</label><br />
			<label id="sale" for="quantity">售卖数量：</label>
			<input  style="width: 150px;" class="form-control" v-model="quantity" placeholder="请输入售卖数量" autofocus="autofocus" />
			<button class="btn btn-success" style="margin-top: 15px;" class="btn btn-primary" v-on:click="dosale()">确认</button>
		</div>		
	</body>
	<script>
		new Vue(
		el:"#app",
		data:{
			quantity:null
		},
		methods:{
			dosale:function(){
				let quantity=this.quantity
				let serverUrl=`http://localhost:8088/goods/sale/`+goodsId+`/`+quantity;
			}
		})
	</script>
</html>
